<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务浏览器监控内存变化</title>
</head>

<body>
    <button id="btn">Add</button>

    <script>
        // shift+esc:调用浏览器内存管理器，查询dom节点内存（渲染内存）和js的内存
        // 浏览器内存管理器，点击右键，启用js的内存管理界面
        // 监控值不变或者持续在增长（较大的值），说明代码占用内存有问题
        const btn = document.getElementById("btn")
        btn.onclick = function() {
            let arrList = new Array(10000000)
        }
    </script>


</body>

</html>